<template>
  <div class="box" @click="select()">
    <div class="check" v-show="flag">
      <slot name="active"></slot>
    </div>
    <div class="check" v-show="!flag">
      <slot name="tabimg"></slot>
    </div>
  </div>
</template>

<script>
export default {
    props:["mark","sel"],
    data(){
        return {
            flag:true
        }
    },
    computed:{
        flag(){
            if(this.mark == this.sel){
                return true
            }
            return false
        }
    },
    methods:{
        select(){
            this.$emit("change",this.mark)
            this.$router.push(this.mark)
        }
    }
}
</script>

<style scoped>
</style>